/**
  * 侧边栏
  *
  */  
function sideTool() {
	$('div.yk-toolbar-group').hover(
		function() { $(this).addClass('yk-toolbar-group-hover'); },
		function() { $(this).removeClass('yk-toolbar-group-hover'); }
	);
	$('#icongroupuser').click(function() {
		user();
	});	
	$('#icongroupnotice').click(function() {
		notice();
	});	
	$('#icongroupdownload').click(function() {
		if (isValidUser()) {
			batchDownload();
		} else 
			alert("Please login first!");
	});
	$('#icongroupcollect').click(function() {
		if (isValidUser()) {
			window.open('download.html', '_blank'); 
		} else 
			alert("Please login first!");
	});
	showUserState();
}


function showUserState() {
	var btn_oauth = $('div.yk-toolbar-oauth-login').find('button');
	user_init(function(uname) {
			$('#iconmaskuser').addClass('userlogin_ok');
			$('div.yk-toolbar-user-name').text('Hi, ' + uname + '！您好～～');
			btn_oauth.text('退出登录').unbind('click').click(logout);
		}, 
		function() {
			$('#iconmaskuser').removeClass('userlogin_ok');
			$('div.yk-toolbar-user-name').text('Hi, 您好～～');
			btn_oauth.text('立即登录').unbind('click').click(login);
	});
}

function user() {
	var showState = $('#paneluser').css('display');
	if (showState == 'none') {
		$('#paneluser').show();
	} else {
		$('#paneluser').hide();		
	}
}


function login(data) {
	showLoginFrame(2);
}

function logout() {
	user_logout(function() {
		showUserState();
	});
}

function reg() {
	showLoginFrame(1);
}

function showLoginFrame(tabOrder) {
	$('<div>').addClass('qwindow_mask')
			  .css({'opacity': '0.5', 
			  		'z-index': '30000', 
			  		'width': $(document).width()+'px', 
			  		'height': $(document).height()+'px', 
			  		'display': 'block', 
			  		'background-color': 'rgb(84, 84, 84)'
			  	})
			  .appendTo('body');
	$('<div>').addClass('qwindow')
			  .css({'top': '50px', 'left': '600px', 'z-index': '30000', 'opacity': '1', 'visibility': 'visible'})
			  .append($('<div>').addClass('winbox')
			  			.append($('<div>').addClass('winhead')
			  				.css({'width':'350px'})
			  				.append($('<div>').addClass('wintitle'))
			  				.append($('<div>').addClass('winclose').css({'display': 'block'}))
			  			)
			  			.append($('<div>').addClass('winbody')
			  				.css({'width':'350px', 'height':'330px', 'overflow':'hidden'})
			  				.append($('<iframe id="qframe" frameborder="0" scrolling="no">')
			  						.attr("src", "login/login.html?t=" + tabOrder))
			  			)
			  )
  			  .append($('<div>').addClass('winbg')
	).appendTo('body');
	$('div.winclose').click(function() {
		removeLoginFrame();
	});
    var menuYloc = $("div.qwindow").offset().top; 
    $(window).scroll(function (){ 
        var offsetTop = menuYloc + $(window).scrollTop() +"px"; 
        $("div.qwindow").css({top : offsetTop}); 
    });
}

function removeLoginFrame() {
	$('div.qwindow_mask').remove();
	$('div.qwindow').remove();
	showUserState();
}